<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>2016春夏订货会－意见收集系统</title>

<meta name="description" content="User login page" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- basic styles -->

<link
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/bootstrap.min.css"
	rel="stylesheet" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/font-awesome.min.css" />

<!--[if IE 7]>
		  <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

<!-- page specific plugin styles -->

<!-- fonts -->

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/ace-fonts.css" />

<!-- ace styles -->

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/ace-rtl.min.css" />

<!--[if lte IE 8]>
		  <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/bt_v3/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>
		<script src="${pageContext.request.contextPath}/resources/bt_v3/assets/js/html5shiv.js"></script>
		<script src="${pageContext.request.contextPath}/resources/bt_v3/assets/js/respond.min.js"></script>
		<![endif]-->
<style type="text/css">
.table td {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	text-align: center;
}

.modal-dialog {
	z-index: 1050;
	width: 90%;
	padding: 10px;
	margin-right: auto;
	margin-left: auto
}
</style>
</head>



<div class="container-fluid">
	<div class="row">
		<div class="col-xs-12">

<div id="fuelux-wizard" class="row-fluid" data-target="#step-container">
														<ul class="wizard-steps">
															<li data-target="#step1"  id="btn_1">
																<span class="step">1</span>
																<span class="title">2016春夏订货会-意见收集表（商品）</span>
															</li>

															<li data-target="#step2" id="btn_2" class="active">
																<span class="step">2</span>
																<span class="title">橱窗增订</span>
															</li>

															<li data-target="#step3" id="btn_3">
																<span class="step">3</span>
																<span class="title">橱窗执行情况调查</span>
															</li>

															<li data-target="#step4">
																<span class="step">4</span>
																<span class="title">待开发，敬请期待</span>
															</li>
														</ul>
													</div>
													

                                        <div class=" gallery">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <img alt="image" class="img-responsive carousel-inner  img-rounded" src="img_1.jpg" id="img_1">
                                                </div>
                                                <div class="col-sm-6">
                                                    <img alt="image" class="img-responsive carousel-inner  img-rounded" src="img_2.jpg" id="img_2">
                                                </div>
                                                <div class="col-sm-6">
                                                    <img alt="image" class="img-responsive carousel-inner  img-rounded" src="img_3.jpg" id="img_3">
                                                </div>
                                                <div class="col-sm-6">
                                                    <img alt="image" class="img-responsive carousel-inner  img-rounded" src="img_4.jpg" id="img_4">
                                                </div>
                                            </div>
                                        </div>
                               
                             										
			
		</div>
	</div>
</div>

<!-- basic scripts -->

<!--[if !IE]> -->

<script type="text/javascript">
	window.jQuery
			|| document
					.write("<script src='${pageContext.request.contextPath}/resources/bt_v3/assets/js/jquery-2.0.3.min.js'>"
							+ "<"+"/script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='${pageContext.request.contextPath}/resources/bt_v3/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

<script type="text/javascript">
	if ("ontouchend" in document)
		document
				.write("<script src='${pageContext.request.contextPath}/resources/bt_v3/assets/js/jquery.mobile.custom.min.js'>"
						+ "<"+"/script>");
</script>
<script
	src="${pageContext.request.contextPath}/resources/bt_v3/assets/js/bootstrap.min.js"></script>


<script type="text/javascript">
	
	function fn_show() {
		
		var req_address = "${pageContext.request.contextPath}/joeone/ipad/vote_cc_choose.jsp?imgId="+$(this).attr("id");
		window.location.href = req_address;

	}

	function fn_changeSur(){
		var click_btn = $(this).attr("id");
		if(click_btn == "btn_1"){
			window.location.href = "${pageContext.request.contextPath}/joeone/ipad/vote_demo5.jsp";
		}else if(click_btn == "btn_2"){
			window.location.href = "${pageContext.request.contextPath}/joeone/ipad/vote_cc.jsp";
		}else if(click_btn == "btn_3"){
			window.location.href = "${pageContext.request.contextPath}/joeone/ipad/vote_cc_qu.jsp";
		}
	}

	$(document).ready(function() {
		$("#img_1").bind("click", fn_show);
		$("#img_2").bind("click", fn_show);
		$("#img_3").bind("click", fn_show);
		$("#img_4").bind("click", fn_show);
		$("#btn_1").bind("click", fn_changeSur);
		$("#btn_2").bind("click", fn_changeSur);
		$("#btn_3").bind("click", fn_changeSur);
	});
</script>

</body>
</html>